<script setup lang="ts">
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance();
import useCounterStore from "@/stores/counter";
const counter = useCounterStore();

onLaunch(() => {
  counter.init();
});
onShow(() => {});
onHide(() => {});
</script>

<style>
/* #ifdef H5 */
uni-page-head {
  display: none;
}
/* #endif */

.positionRelative {
  position: relative;
}
.width100 {
  width: 100%;
}

/*每个页面公共css */
image {
  width: 100% !important;
  display: block;
}
.flex {
  display: flex;
}
.flexWrap {
  flex-wrap: wrap;
}
.alignCenter {
  align-items: center;
}
.justifyBetween {
  justify-content: space-between;
}
.justifyCenter {
  justify-content: center;
}
.bold {
  font-weight: bold;
}
.textCenter {
  text-align: center;
}
.alignBaseline {
  align-items: baseline;
}
.alignEnd {
  align-items: end;
}
.fz12 {
  font-size: 12px;
}
.fz14 {
  font-size: 14px;
}
.fz16 {
  font-size: 16px;
}
.fz10 {
  font-size: 10px;
}
.justifyEnd {
  justify-content: flex-end;
}
.grids {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
}
.gridColumns6 {
  grid-template-columns: repeat(6, minmax(0px, 1fr));
}
.gridColumns2 {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
}
.shrink {
  flex-shrink: 0;
}
</style>
